var dom = document.getElementById("p_columnarLine");
var myChart = echarts.init(dom);
var app = {};
var option;
option = {
	//backgroundColor: 'rgba(255,255,255,0.2)',
	grid: {
		top: '18%',
		right: '2%',
		bottom: '13%',
		left: '7%'
	},
	xAxis: {
		type: 'category',
		//boundaryGap: false, //去除图表四周留白
		axisTick: { //x轴刻度尺  
			show: false
		},
		axisLine: { //x轴线条颜色
			show: true,
			lineStyle: {
				color: '#374186',
				width: 0.5
			}
		},
		axisLabel: { //x轴文字倾斜
			show: true,
			//rotate: 40, //文字倾斜度
			textStyle: {
				color: '#b1bcff', //更改坐标轴文字颜色
				fontSize: 15 //更改坐标轴文字大小
			}
		},
		data: ['5.05', '5.06', '5.07', '5.08', '5.09', '5.10', '5.11','5.05', '5.06', '5.07', '5.08', '5.09', '5.10', '5.11']
	},
	yAxis: {
		type: 'value',
		//interval:500,//刻度值间隔值
		name: '万',
		nameTextStyle: {
			padding: [0, 30, 5, 0], // y轴name位置
			color: '#b1bcff', //更改坐标轴文字颜色
			fontSize: 15 //更改坐标轴文字大小
		},
		splitLine: {
			show: true, //关闭网格线
			lineStyle: {
				color: '#374186',
				width: 0.5
			}
		},
		axisLine: { //y轴线条颜色
			show: false,
		},
		axisLabel: { //y轴文字倾斜
			textStyle: {
				color: '#b1bcff', //更改坐标轴文字颜色
				fontSize: 15 //更改坐标轴文字大小
			}
		},
	},
	series: [{
		data: [220, 1232, 230, 230, 1220, 220, 1232, 230, 230, 1220,220, 1232, 230,  1220,],
		type: 'line',
		symbolSize: 6,   //设定实心点的大小
		smooth: true, //面积图改成弧形状
		lineStyle: {
			width: 2, //外边线宽度
			color: '#e744ff' //外边线颜色
		},
		itemStyle: {
			normal: { //节点颜色
				color: '#e744ff',
			}
		},
		showSymbol: true, //去除面积图节点圆
		/* areaStyle: { //区域填充渐变颜色
			color: {
				type: 'linear',
				x: 0,
				y: 0,
				x2: 0,
				y2: 1,
				colorStops: [{
					offset: 0,
					color: 'rgba(178,59,216, 0.8)' // 0% 处的颜色
				}, {
					offset: 1,
					color: 'rgba(64,25,108, 0)' // 100% 处的颜色
				}],
				global: false // 缺省为 false
			}
		} */
	}]
};

if (option && typeof option === 'object') {
	myChart.setOption(option);
}
